<!DOCTYPE html>
<html lang="zh-CH">
<head>
	<meta charset="UTF-8">
	<title>瀑布流布局</title>
	<link rel="stylesheet" type="text/css" href="css/index002.css">
	<script type="text/javascript" src="vendor/jquery-3.1.0.js"></script>
	<script type="text/javascript" src="js/index002.js"></script>
</head>
<body>
	<div id="main">
		<div class="box">
			<div class="pic">
				<img src="img/1.jpg" alt="1.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/20.jpg" alt="20.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/2.jpg" alt="2.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/4.jpg" alt="4.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/3.jpg" alt="3.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/5.jpg" alt="5.jpg">
			</div>
		</div><div class="box">
			<div class="pic">
				<img src="img/21.jpg" alt="21.jpg">
			</div>
		</div>
		
		<div class="box">
			<div class="pic">
				<img src="img/7.jpg" alt="7.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/12.jpg" alt="12.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/13.jpg" alt="13.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/14.jpg" alt="14.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/17.jpg" alt="17.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/18.jpg" alt="18.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/19.jpg" alt="19.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/15.jpg" alt="15.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/1.jpg" alt="1.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/20.jpg" alt="20.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/2.jpg" alt="2.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/4.jpg" alt="4.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/3.jpg" alt="3.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/5.jpg" alt="5.jpg">
			</div>
		</div><div class="box">
			<div class="pic">
				<img src="img/21.jpg" alt="21.jpg">
			</div>
		</div>
		
		<div class="box">
			<div class="pic">
				<img src="img/7.jpg" alt="7.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/12.jpg" alt="12.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/13.jpg" alt="13.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/14.jpg" alt="14.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/17.jpg" alt="17.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/18.jpg" alt="18.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/19.jpg" alt="19.jpg">
			</div>
		</div>
		<div class="box">
			<div class="pic">
				<img src="img/15.jpg" alt="15.jpg">
			</div>
		</div>
	</div>
</body>
</html>